@import url(public.css?v=1.23);.m-top-top { height: 40px; border-bottom: 1px #dedede solid; background-color: #f9f9f9;line-height:40px;}
.m-top-top span.f-fl { line-height: 39px }
.m-top-top a { margin:0 10px; line-height: 39px; }
.m-top-top i { float: right; line-height: 36px; color: #aaa }
.m-top-logo { background-color: #fff; height: 90px; }
.m-top-logo span.f-fl { margin:15px 0 0 0; }
.logo{margin-top:12px;}
.logo img{height:48px;}
.m-top-logo .m-search { border:3px #67809f solid; margin: 17px 0 0 0 }
.m-top-logo .m-search i { width: 60px; height: 34px; line-height: 34px; color: #919191; text-align: center; font-style:normal; font-size: 12px; display: none }
.m-top-logo .m-search input { width: 460px; height: 34px; line-height: 34px; text-indent: 10px; background: #fff; margin: 0; padding: 0; border:none; font-size: 12px }
.m-top-logo .m-search input:focus { border:none; outline: 0; }
.m-top-logo .m-search .m-ssbtn { width: 97px; height: 34px; line-height: 34px; color: #fff; background-color: #67809f; text-align: center; font-size: 16px; }
.m-top-logo .m-hotsearch { height: 34px; line-height: 34px; overflow: hidden; }
.m-top-logo .m-hotsearch span { color: #a9afbc }
.m-top-logo .m-hotsearch a { margin-right: 10px; }
.m-top-logo .m-hotsearch a.m-hot { color: #67809f }
.g-nav1 { background-color: #67809f; position: relative; }
.g-nav1 ul li { margin-right: 3px;float:left;}
.g-nav1 ul li a{ display:block; width: 147px; height: 49px; line-height: 49px;border-top: 3px #67809f solid; text-align: center; font-size: 16px; color: #fff}
.g-nav1 ul li a:hover,.g-nav1 ul li.m-hover a { background-color: #f8f8f8; color: #0080cc; border-top-left-radius: 8px;border-top-right-radius: 8px; }
.g-nav1 ul li.m-hover a { font-weight: 800}
#menu-toggle {display: none;}
@media screen and (max-width: 1000px) {
    .m-top-logo{height:55px;}
    .m-top-top{display:none;}
    .m-top-logo a img{height:48px;}
    .slogan-img{display:none}
    .m-top-logo .m-search{display:none}
    .g-nav1{display:none;position:fixed;top:55px;left:0px;width:100%;height:100%;background:#FFF;border-top:1px solid #EEE;}
    .g-nav1 ul li{float:none;}
    .g-nav1 ul li a{width:100%;border-top:0px;border-radius:0px;color:#333;}
    .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
    .menu-button,
    .menu-button::before,
    .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button{margin-top:20px;}
    .menu-button::before {content: "";margin-top: -10px;}
    .menu-button::after {content: "";margin-top: 10px;}
    #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    #menu-toggle ~ .header_box li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .header_box a {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.img-block{display:none;}
@media screen and (max-width:1000px) {
    .img-block{display:block;width:100%;position:relative;}
    .img-block::before{content:'广告';font-size:8px;position:absolute;right:0px;bottom:0px;background:rgba(125, 0, 0, 0.5);color:#999;padding: 2px 5px;border-radius: 3px 0px 0px 0px;}
    .img-block img{width:100%;display:block;}
}

.recommend-game-box{margin-bottom:20px;position:relative;padding-left:90px;overflow:hidden;background:#FFF}
.recommend-game-title{position:absolute;left:0px;top:0px;height:100%;width:90px;background:#FF6600;text-align:center;}
.recommend-game-title span{height:48px;line-height:48px;font-size:15px;cursor: pointer;color:#FFF;display:block;}
.recommend-game-title span.active{font-weight:bold;background:#EB5E00;font-weight:bold;position:relative;}
.recommend-game-title span.active::after{content: "";position:absolute;right:-8px;top:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #EB5E00;}
.recommend-game-list{display:none;}
.recommend-game-list.active{display:block;}
.recommend-game-list ul{overflow:hidden;padding:20px 0px 0px 20px;}
.recommend-game-list ul li{float:left;text-align:center;width:98px;padding:0px 5px;padding-bottom:15px;}
.recommend-game-list ul li p{height:24px;line-height:24px;overflow:hidden;}
.recommend-game-list ul li span{line-height:24px;height:24px;overflow:hidden;}
.recommend-game-list ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px) {
    .recommend-game-box{margin-bottom:5px;padding-left:0px;padding-top:8px;}
    .recommend-game-title{position:relative;width:92%;margin:0px 4%;border-radius:35px;overflow:hidden;height:35px;border:1px solid #FF6600;}
    .recommend-game-title span{margin-left:0px;padding:0px;width:33.33%;height:35px;line-height:35px;color:#666;float:left;font-size:14px;background:#FFF;}
    .recommend-game-title span.active{background:#FF6600;color:#FFF;}
    .recommend-game-title span.active::after{display:none;;}
    .recommend-game-list ul{overflow:auto;display:-webkit-flex;display:flex;padding:20px 20px 0px 0px;}
    .recommend-game-list ul li{margin-left:15px;}
    .recommend-game-list ul li img{width:66px;height:66px;}
}

.banner-focus-left{width:420px;overflow:hidden;float:left;}
.banner-focus-box{position:relative;}
.banner-focus-box img{width:100%;height:280px;}

.banner-focus-left-game {background:#FFF;padding:15px;}
.banner-focus-left-game li{height: 52px;}
.banner-focus-left-game li + li{margin-top: 13px;    padding-top: 13px;    border-top: 1px solid #ededed;}
.banner-focus-left-game a{display: block;overflow: hidden;color: #666;}
.banner-focus-left-game .pic-wrap{width: 52px;height: 52px;float: left;margin-right: 20px;border-radius: 5px;}
.banner-focus-left-game .pic-wrap img {display: block;width: 100%;height: 100%;}
.banner-focus-left-game .tit{height: 24px;line-height: 24px;font-size: 16px;color: #2a2a2a;overflow: hidden;}
.banner-focus-left-game .tit:hover{color: $green;}
.banner-focus-left-game .txt{line-height: 16px;height: 16px;font-size: 12px;color: #6f6f6f;overflow: hidden;margin-top: 5px;}
.banner-focus-left-game .val{float: right;width: 70px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;font-weight: bold;color: #f76341;margin-top: 8px;position: relative;}
.banner-focus-left-game .val:before{ content: "";    width: 1px;    height: 20px;    background: #dedede;    position: absolute;    left: 0;    top: 50%;    margin-top: -10px;}
.banner-focus-left-game b{ font-size: 30px;}

.banner-focus-center{width:422px;float:left;margin-left:15px;background:#FFF;overflow:hidden;}
.banner-focus-center ol{padding:10px 15px 15px 15px;border-bottom:1px solid #EEE;}
.banner-focus-center ol li{height:24px;line-height:24px;overflow:hidden;text-align:center;}
.banner-focus-center ol li a{color:#999;font-size:12px;margin:0px 2px;}
.banner-focus-center ol li.banner-focus-center-h2{padding-top:6px;}
.banner-focus-center ol li.banner-focus-center-h2 a{color:#fe8900;font-size:18px;margin:0px;}
.banner-focus-menu {position:relative;background:#FAFAFA}
.banner-focus-menu:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.banner-focus-menu li{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.banner-focus-menu li.active{color:#dc191b;font-weight:bold;}
.banner-focus-menu li.active:after {content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}

.banner-focus-div{display:none;}
.banner-focus-div.active{display:block;}
.banner-focus-div ul{padding:10px 15px 9px 15px;}
.banner-focus-div ul li{clear:both;height:36px;line-height:36px;overflow:hidden;padding-left:12px;position:relative;}
.banner-focus-div ul li a{float:left;color:#666;}
.banner-focus-div ul li:after{content:"";background:#ccc;width:4px;height:4px;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;display:block;position:absolute;left:0;top:50%;}

.banner-focus-right{width:330px;float:right;}
.banner-app-download{background:#256cff;padding:21px 15px;overflow:hidden;border-radius:8px 8px 0px 0px}
.banner-app-download dl dd{float:left;}
.banner-app-download dl dt{float:right;}
.android-download{margin-bottom:15px;}
.android-download,.ios-download{width:180px;height:45px;line-height:45px;border-radius:45px;background:#FFF;display:block;font-size:16px;}
.android-download::before,.ios-download::before{content:'';width:35px;height:35px;display:inline-block;vertical-align:middle;margin-left:8px;margin-right:10px;}
.android-download::before{background:url(../static/img/android-icon.png);background-size:contain;}
.ios-download::before{background:url(../static/img/ios-icon.png);background-size:contain;}

.banner-focus-right ul{overflow:hidden;padding-bottom:6px;clear:both;background:#FFF;}
.banner-focus-right ul li{overflow:hidden;padding:25px 0px 0px 20px;float:left;width:81px;text-align:center;}
.banner-focus-right ul li img{width:81px;height:81px;border-radius:8px;}
.banner-focus-right ul li p{font-size:12px;padding-top:8px;line-height:22px;height:22px;overflow:hidden;}
.banner-focus-right ul li span{font-size:12px;color:#999;}
.banner-focus-right ul li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

@media screen and (max-width:1000px) {
    .banner-focus-left{width:100%;float:none;}
    .banner-focus-center{float:none;width:100%;margin-left:0px;margin-top:10px;}
    .banner-focus-right{width:100%;float:none;}
    .banner-focus-right ul li{width:22%;margin-left:2%;padding:10px 0px 0px 0px;}
}

.games-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.games-title h2{float:left;font-size:18px;}
.games-title a{float:right;}

.game-types{clear:both;background:#FFF;overflow:hiddenp;padding-bottom:15px;}
.game-types a{margin-left:15px;margin-top:15px;}

.games-list{clear:both;background:#FFF;margin-bottom:20px;}
.games-list ul{display:flex;flex-wrap:wrap;overflow:hidden;padding-top:15px;clear:both;border-top:1px solid #EEE;}
.games-list ul li{float:left;margin-left:15px;padding-bottom:15px;}
.games-list ul li img{width:92.5px;height:92.5px;border-radius:15px;float:left;}
@media screen and (max-width:1000px){
    .games-list ul li{margin:0px;width:25%;text-align:center;}
    .games-list ul li img{width:68px;height:68px;margin:0px auto;float:none;}
}

.shouyou-top{background:#FFF;width:288px;float:left;margin-left:15px;margin-top:20px;}
.shouyou-top:nth-child(1){margin-left:0px;}
.shouyou-top-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.shouyou-top ul{padding:6px 15px;}
.shouyou-top ul li {position:relative;padding:8px 10px 8px 35px;font-size:12px;overflow:hidden;}
.shouyou-top ul li i.rank {width:22px;height:62px;line-height:60px;display:inline-block;text-align:center;position:absolute;top:8px;left:0px;background:#EEE;color:#666;}
.shouyou-top ul li i.rank.rank1,
.shouyou-top ul li i.rank.rank2,
.shouyou-top ul li i.rank.rank3 {background:red;color:#FFF}
.shouyou-top ul li img {width:62px;height:62px;border-radius:5px;vertical-align:middle;margin-right:15px;float:left;}
.shouyou-top ul li p {font-size:16px;height:26px;line-height:23px;}
.shouyou-top ul li p:last-child {margin-top:8px;}
@media screen and (max-width:1000px) {
    .shouyou-top{margin-left:0px;float:none;width:auto;margin-top:10px;}
}

.post-tit{position:relative;height:48px;line-height:46px;padding:0px 15px;font-size:16px;}
.post-tit:before {content:'';border-bottom:1px solid #EEE;position:absolute;left:0px;bottom:0px;width:100%;}
.post-tit:after {content: ''; position:absolute;display: block; width:30px; height: 4px; background: #dc191b; border-radius: 100px;margin-left:14px;}

.post-list{width:590px;background:#FFF;margin-top:20px;}
.post-list:nth-child(odd){float:left}
.post-list:nth-child(even){float:right}
.post-list ul.post-list-img{padding-top:15px;}
.post-list ul.post-list-img li{overflow:hidden;float:left;width:175px;overflow:hidden;border-bottom:1px solid #EEE;}
.post-list ul.post-list-img li img{width:175px;height:145px;border-radius:8px;}
.post-list ul.post-list-img li p.post-title{height:30px;line-height:30px;overflow:hidden;padding-top:6px}
.post-list ul.post-list-img li p.post-title a{color:#333;font-size:14px;}
.post-list ul.post-list-img li p.post-desc{font-size:14px;color:#999;padding-top:15px;line-height:24px;height:48px;overflow:hidden;}
.post-list ul.post-list-txt{clear:both;padding:8px 15px}
.post-list ul.post-list-txt li{height:30px;line-height:30px;overflow:hidden;}
.post-list ul.post-list-txt li a{display:inline-block;width:300px;color:#666;}
.post-list ul.post-list-txt li time{float:right;color:#999;font-size:12px;}
@media screen and (max-width:1000px) {
    .post-list{width:100%;float:none;margin-top:10px;}
    .post-list ul.post-list-img li{width:47%;margin-left:2%;}
    .post-list ul.post-list-img li:nth-child(3){display:none;}
    .post-list ul.post-list-img li img{width:100%;height:125px;}
    .post-list ul.post-list-img li p.article-title a{font-size:13px;}
    .post-list ul.post-list-txt{padding:12px;}
}

.ask-list-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.ask-list-title h2{float:left;font-size:18px;}
.ask-list-title a{float:right;}
.ask-list{clear:both;background:#FFF;overflow:hidden;padding-bottom:18px;margin-top:20px;}
.ask-list ul li{display:flex;position: relative;margin-top:20px;width:370px;float: left;margin-left:20px;}
.ask-list ul li:nth-child(3n){margin-right:0px;}
.ask-list ul li .index-ask-nameimg{width:52px;height:52px;object-fit:cover;margin-right:16px;border-radius:100%;}
.ask-list ul li i{display: inline-block;width:12px;height:12px;background:#f0f0f0;clip-path: polygon(0px 6px,12px 12px,12px 0px);position:absolute;left:57px;top:23%;}
.ask-list ul li .index-ask-r{width:calc(100% - 68px);min-height:52.5px;border:1px solid #f0f0f0;background:#f7f7f7;border-radius:6px ;overflow: hidden;padding:12px;}
.ask-list ul li .index-ask-ra{font-size:13px;font-weight:bold;color:#1a1a1a;overflow : hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;line-height:18px;}.ask-list ul li .index-ask-rb p{height:44px;line-height:22px;overflow:hidden;padding-top:8px;color:#666;}
.ask-list ul li .index-ask-rb span{font-size:12px;color:#999999;margin-top:8px;}.ask-list ul li .index-ask-rb span:last-child{float: right;}
.ask-list ul li .index-ask-rb span em{color:#f866aa;}
@media screen and (max-width:1000px) {
    .ask-list{margin-top:10px;}
    .ask-list ul li,.ask-list ul li:nth-child(3n){float:none;margin:12px;width:auto;}
    .ask-list ul li .index-ask-nameimg{width:36px;height:36px;}
    .ask-list ul li i{left:41px;top:15px;}
}

.game-vs-update{background:#FFF;overflow:hidden;}
.game-vs-update h3{padding:15px 0px 0px 15px;}
.game-vs-update ul{padding:15px 0px;overflow:hidden;}
.game-vs-update ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}
.footer{background: #222;padding:30px 0px;color:#898989}
.footer a{color:#898989}
.friend-links {border-bottom:1px solid #363D41;overflow:hidden;}
.friend-links dt{font-weight:bold;color:#63696E;font-size:16px;line-height:38px;}
.friend-links dd{padding-bottom:10px;overflow:hidden;}
.friend-links dd a{font-size:12px;float:left;color:#63696E;width:120px;display:inline-block;}
.foot-nav{text-align:center;clear:both;padding-top:20px;}
.foot-nav a{margin:0px 10px;}
.copyright{padding-top:20px;text-align:center;clear:both;}
.footer p{padding:5px 0px}
@media screen and (max-width:1000px) {
    .game-vs-update ul li{float:none;width:auto;}
    .footer{padding:10px}

}

.contact-btn{cursor:pointer;}
.layer-contact-header{padding:15px;background:#579ddb;text-align:center;color:#FFF;font-size:20px;}
.layer-contact-content ul{padding:0px 15px;}
.layer-contact-content ul li{border:1px solid #EEE;border-radius:10px;padding:8px 10px;margin-top:10px;position:relative}
.layer-contact-content ul li label{display:inline-block;width:60px;text-align:right;margin-right:10px;color:#999;}
.layer-contact-content ul li span{position:absolute;right:10px;top:10px;font-size:12px;color:#999}
.layer-contact-qrcode{text-align:center;padding-top:15px;}
.layer-contact-qrcode img{max-width:100%;}
.layer-contact-qrcode p{padding-top:8px;color:#999;}

.nav-krnzz3{display:none;}
@media screen and (max-width:1000px) {
    .nav-krnzz3{position:fixed;display:block;bottom:0px;left:0px;width:100%;text-align:center;background:#f5f5f5;border-top:1px solid #DDD;z-index:999999;}
    .nav-krnzz3 ul{display:flex;}
    .nav-krnzz3 li{width:25%;}
    .nav-krnzz3 li a,.nav-krnzz3 li span{display:block;padding:5px 0px;color:#929292;}
    .nav-krnzz3 li p:nth-child(1){padding-bottom:3px;font-size:13px;}
}